<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html">
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<title>首页</title>
	<script src="assets/flexible/flexible.debug.js"></script>
	<link rel="stylesheet" href="assets/swiper/css/swiper.min.css">
	<link rel="stylesheet" href="assets/font/iconfont.css">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/index.css">

</head>
<body>
	<header class="header-wrap">
		<header class="header">
			<figure class="sao">
				<dl>
					<dt class="iconfont">&#xe638;</dt>
					<dd>扫一扫</dd>
				</dl>
			</figure>
			<section class="search-wrap">
				<input type="text" class="fl-search iconfont" placeholder="&#xe72c;  搜索商品，共10405款好物">
			</section>
			<figure>
				<dl>
					<dt class="iconfont">&#xe676;</dt>
					<dd>扫一扫</dd>
				</dl> 

			</figure>
		</header>
		<nav class="nav">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide active">推荐</div>
					<div class="swiper-slide">新品</div>
					<div class="swiper-slide">限时购</div>
					<div class="swiper-slide">居家</div>
					<div class="swiper-slide">餐饮</div>
					<div class="swiper-slide">配件</div>
					<div class="swiper-slide">服装</div>
					<div class="swiper-slide">电器</div>
					<div class="swiper-slide">洗护</div>
					<div class="swiper-slide">杂货</div>
				</div>

			</div>
		</nav>
	</header> 
	<main class="main">

		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<section class="banner">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="https://yanxuan.nosdn.127.net/35c2dc4bd0f60ae0504797c102b1ca49.jpg?imageView&amp;thumbnail=750x0&amp;quality=75"></div>
								<div class="swiper-slide"><img src="https://yanxuan.nosdn.127.net/35c2dc4bd0f60ae0504797c102b1ca49.jpg?imageView&amp;thumbnail=750x0&amp;quality=75"></div>
								<div class="swiper-slide"><img src="https://yanxuan.nosdn.127.net/35c2dc4bd0f60ae0504797c102b1ca49.jpg?imageView&amp;thumbnail=750x0&amp;quality=75"></div>
								<div class="swiper-slide"><img src="https://yanxuan.nosdn.127.net/35c2dc4bd0f60ae0504797c102b1ca49.jpg?imageView&amp;thumbnail=750x0&amp;quality=75"></div>
								<div class="swiper-slide"><img src="https://yanxuan.nosdn.127.net/35c2dc4bd0f60ae0504797c102b1ca49.jpg?imageView&amp;thumbnail=750x0&amp;quality=75"></div>
								<div class="swiper-slide"><img src="https://yanxuan.nosdn.127.net/35c2dc4bd0f60ae0504797c102b1ca49.jpg?imageView&amp;thumbnail=750x0&amp;quality=75"></div>
							</div>
							<div class="swiper-pagination"></div>
						</div>
					</section>
					<nav class="subnav">
						<section class="tips">
							<dl>
								<dt class="iconfont">&#xe67a;</dt>
								<dd>网易自营品牌</dd>
							</dl>
							<dl>
								<dt class="iconfont">&#xe67a;</dt>
								<dd>30天无忧退货</dd>
							</dl>
							<dl>
								<dt class="iconfont">&#xe67a;</dt>
								<dd>48小时急速退款</dd>
							</dl>
						</section>
					</nav>
					<nav class="menu">
						<dl>
							<dt><img src="images/yqfl.png" alt=""></dt>
							<dd>邀请福利</dd>
						</dl>
						<dl>
							<dt><img src="images/fls.png" alt=""></dt>
							<dd>福利社</dd>
						</dl>
						<dl>
							<dt><img src="images/hyjlb.png" alt=""></dt>
							<dd>会员俱乐部</dd>
						</dl>
						<dl>
							<dt><img src="images/zxj.png" alt=""></dt>
							<dd>甄选家</dd>
						</dl>
					</nav>
					<section class="ppzz">
						<h1 class="iconfont">品牌制造商直供 &#xe688;</h1>
						<section class="szz">

							<script type="text/html" id="szz">
								{{each list v}}
								<dl>
									<dd>
										<p>{{v.title}}</p>
										<p>{{v.price}}元起</p>
										{{if v.tips}}
										<span>{{v.tips}}</span> {{/if}}
									</dd>
									<dt><img src="{{v.img}}"></dt>
								</dl>
								{{/each}}
							</script>
						</section>
					</section>
					<main class="content">
						<section class="cnxh">
							<script type="text/html" id="moban">
								{{each arr v}}

								<div class="gd-top">
									{{v.xTitle}}
								</div>
								{{if v.introduce}}
								<p class="jz">{{v.introduce}}</p>
								{{/if}}
								<div class="gd-bottom">
									{{each v.xh a}}
									<div class="gd-a">
										<dl>
											<dt><img src="{{a.gwImg}}"></dt>
											<dd>
												{{a.dd}}
											</dd>
										</dl>
										{{if a.lex}}
										<p class="gw1">
											{{each a.lex x}}
											<span class="{{x.cla}}">{{x.claT}}</span> {{/each}}
										</p>
										{{/if}}
										<p class="gw2">
											{{a.title}}
										</p>
										<p class="gw3">
											{{a.price}}
										</p>
									</div>
									{{/each}}
								</div>
								{{/each}}
							</script>
						</section>
					</main>

				</div>
				<div class="swiper-slide">
					<div class="banner">
						<img src="http://yanxuan.nosdn.127.net/a44b0c0d6f55a24582080581bdaa696f.jpg?quality=85&thumbnail=750x0&imageView" alt="">
					</div>
					<div class="cnxh"></div>
					
				</div>
				<div class="swiper-slide">
					<div class="banner">
						<img src="http://yanxuan.nosdn.127.net/7bc8e64062f73df6c0467b9ead3e8d72.jpg?quality=85&thumbnail=750x0&imageView" alt="">
					</div>
					<div class="cnxh"></div>
					
				</div>
				<div class="swiper-slide">
					<div class="banner">
						<img src="http://yanxuan.nosdn.127.net/faf0a702dfe12635b37a0e13ff2442a8.jpg?quality=85&thumbnail=750x0&imageView" alt="">
					</div>
					<div class="cnxh"></div>
					
				</div>
				<div class="swiper-slide">
					<div class="banner">
						<img src="http://yanxuan.nosdn.127.net/c114331c7a7c0692e1490043c48a5767.jpg?quality=85&thumbnail=750x0&imageView" alt="">
					</div>
					<div class="cnxh"></div>
					
				</div>
				<div class="swiper-slide">
					<div class="banner">
						<img src="http://yanxuan.nosdn.127.net/51e215cba1b1ea82333ecd54574ce8c0.jpg?quality=85&thumbnail=750x0&imageView" alt="">
					</div>
					<div class="cnxh"></div>
					
				</div>
				<div class="swiper-slide">
					<div class="banner">
						<img src="http://yanxuan.nosdn.127.net/a2d46079782bbfa2f24c9c06a8881389.jpg?quality=85&thumbnail=750x0&imageView" alt="">
					</div>
					<div class="cnxh"></div>
					
				</div>
				<div class="swiper-slide">
					<div class="banner">
						<img src="http://yanxuan.nosdn.127.net/2bee8d5394056172aa0d6cd0c87387d0.jpg?quality=85&thumbnail=750x0&imageView" alt="">
					</div>
					<div class="cnxh"></div>
					
				</div>
				<div class="swiper-slide">
					<div class="banner">
						<img src="http://yanxuan.nosdn.127.net/0f999828aae4300096f678b2f1279151.jpg?quality=85&thumbnail=750x0&imageView" alt="">
					</div>
					<div class="cnxh"></div>
					
				</div>
				<div class="swiper-slide">
					<div class="banner">
						<img src="http://yanxuan.nosdn.127.net/e38de2f8658d2635db3661f8f4950970.jpg?quality=85&thumbnail=750x0&imageView" alt="">
					</div>
					<div class="cnxh"></div>
					
				</div>
			</div>

		</div>
	</main>
	<footer class="fl-footer">
		<a href="javascript:" class="fl-xz">
			<dl>
				<dt class="iconfont">&#xe605;</dt>
				<dd>首页</dd>
			</dl>
		</a>
		<a href="html/sw.html">
			<dl>
				<dt class="iconfont">&#xe606;</dt>
				<dd>实物</dd>
			</dl>
		</a>
		<a href="html/fl.html">
			<dl>
				<dt class="iconfont">&#xe68d;</dt>
				<dd>分类</dd>
			</dl>
		</a>
		<a href="html/gwc.html">
			<dl>
				<dt class="iconfont">&#xe60c;</dt>
				<dd>购物车</dd>
			</dl>
		</a>
		<a href="html/gr.html">
			<dl>
				<dt class="iconfont">&#xe61a;</dt>
				<dd>个人</dd>
			</dl>
		</a>
	</footer>
	<script src="assets/font/iconfont.js"></script>
	<script src="assets/jquery/jquery-3.2.1.js"></script>
	<script src='assets/swiper/js/swiper.jquery.min.js'></script>
	<script src='assets/artTemplate/template-web.js'></script>
	<script src="js/index.js"></script>
</body>

</html>